<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <div id="app">
            <ul>
                <li v-for="item, index in items" :key="index">
                    {{index}}{{item.message}}
                </li>
            </ul>
            <ul>
                <li v-for="value,key in object" :key='key'>
                    {{key}}:{{value}}
                </li>

            </ul>
        </div>
        <script type="text/javascript">  

            var vm=new Vue({
                el:"#app",
                data:{
                    items:[
                        {message: 'foo'},
                        {message: 'bar'}
                    ],
                    object:{
                        title: 'how to do in list vue',
                        author: 'robin',
                        publish_at: '2021-11'
                    }
                }

            })
        </script>
    </body>
</html>